import React, { useState } from 'react';
import { Input } from 'web-component';

export default () => {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Input placeholder="请输入用户名" clearable />

      <Input placeholder="请输入密码" clearable type="password" />

      <Input placeholder="请输入用户名" clearable />

      <Input placeholder="请输入密码" clearable type="password" />

      <Input placeholder="请输入验证码" clearable />

      <Input placeholder="请输入用户名" clearable />

      <Input
        placeholder="请输入密码"
        clearable
        type={visible ? 'text' : 'password'}
      />
    </>
  );
};
